$(function () {
    // 1 组件
    // 2网页之间的联系
    // 请求文章编辑/admin/category/edit
    let id
     function getCategoryList() {
        $.get("/admin/category/list",function(res) {
            let html = ""
            res.data.forEach(value => {
                html += `<option value='${value.id}'>${value.name}</option>
                `
            });
            $("#category").html(html)
        })
    }
    // 1 文件上传框 绑定 change事件
  $("#inputCover").change(function () {
    const file = this.files[0];
    $("#coverimg").prop("src", URL.createObjectURL(file));
  })
      // 3发布日期
    function renderDate() {
        //执行一个laydate实例
        layui.laydate.render({
            elem: '#articleDate' //指定元素
        });
    }

    
     // 4文章内容
    function renderEmai() {
        tinymce.init({
            selector: '#articleContent',
            language: 'zh_CN',
        });
    }
     // 5 发送请求 获取 数据 渲染到 表单组件中
    function getArticleDetail() {
       const usp = new URLSearchParams(this.location.search);
    id = usp.get("id");
        $.get("/admin/article/search", { id }, function (res) {
            const { title, cover, categoryId, date, content } = res.data
            // 填充标题
            $("[name = 'title']").val(title)
            $("#coverimg").prop("src", cover)
            $("[name = 'categoryId']").val(categoryId)
            $("[name = 'date']").val(date)
            // 文章内容  1  直接给文本域赋值  2 如果失败了 查阅 tinymce文档 查看如何赋值 
             $("[name = 'content']").val(content)
        })
    }

        getCategoryList()
        renderEmai()
    renderDate()
    getArticleDetail()
       $(".btn-edit").click(function () {
       postArticle("已发布")
     })
      $(".btn-draft").click(function () {
       postArticle("")
      })
    function postArticle(state) {
        const fd = new FormData($("#form")[0])
        const content = tinyMCE.editors["articleContent"].getContent();
        fd.append("content", content)
        fd.append("state", state)
        fd.append("id",id)
        fd.forEach((value, key) => console.log(value, key))
         $.ajax({
        url:"/admin/article/edit",
        type:"post",
        data:fd,
        contentType: false,
        processData: false,
        success(res) {
            if (res.code === 200) {
                location.href = "article_list.html"
            }
        }
     })
    }
})
